<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
<title>CI主页</title>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-ui.min.js"></script>
<script type="text/javascript">
		var jq = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/json2.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/common.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/bootstrap.min.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/jquery.overlay.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/common/bootstrap-paginator.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/tree/bootstrap-treeview.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/tree/jquery.contextmenu.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/main/tree.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/main/userinfo.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/chart/jquery.jOrgChart.js"></script>

<script type="text/javascript" src="${request.getContextPath()}/js/prompt/lobibox.min.js"></script>
<script type="text/javascript" src="${request.getContextPath()}/js/main/taffy.js"></script>
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/common/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/main/dashboard.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/font-awesome/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/tree/dtree.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/tree/bootstrap-treeview.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/chart/custom.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/chart/jquery.jOrgChart.css" />

<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/main/alert.css" />
<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/prompt/Lobibox.min.css" />

<link rel="stylesheet" type="text/css" href="${request.getContextPath()}/css/common/common.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
	var contextPath = '${request.getContextPath()}';
	var data  = ${data};
	user.info.userdata.userName = data.userName;
	user.info.userdata.userId = data.userId;
	user.info.userdata.roleIds = data.roleIds;
	user.info.userdata.projectRoleId = data.projectRoleId;
	tree.index.moduleTree.projectType = data.projectType;
	tree.index.moduleTree.testType = data.testType;
	function check_number(str,id)    
    {    
        if (!/^\d+$/.test(str)){    
           $("#"+id).val("");
        } 
    } 
</script>
<style type="text/css">
	body {
	color: #000;
	background: #D2D8DE;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	min-height: 101%;
}
#home {
	margin: 0 auto;
}
* {
	margin: 0;
	padding: 0;
}
div {
   	display: block;
}
/*****主页文章列表开始**************************/
#main{
	min-width: 950px;
	text-align: left;
	padding:40px 0 0 10px;
	overflow: hidden;
}
#mainContent {
	min-height: 200px;
	padding: 0px 0px 10px 0;
	*padding-top:10px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	float: right;
	margin-left: -20em;margin-right: 20px;display: inline;
	width: 95%
}
#mainContent .forFlow{
	margin-left:20em;
	float: none; 
	width: auto;
}
.postTitle {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	float: right;
	line-height:2.5em;font-size: 18px;
	width: 100%;
	clear:both;
}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {
	color: #390;transition:all 0.4s linear 0s
}
.postTitle a:hover {
	color: #F60;
	text-decoration: none;margin-left: 10px;
}
/*****侧边栏开始********************************/
#sideBar {
	width: 285px;
	min-height: 200px;
	padding: 0px 0 0px 5px;
	float: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.newsItem .catListTitle {
	display: none;
}
.newsItem,#blog-calendar {
	margin-bottom:15px;
	text-indent:0;
	padding:10px;
	background: #FAFCFD;
	border-radius:7px;
	box-shadow:1px 1px 2px #A7A8AD;
	line-height: 1.5;
}
#blog-news{
	overflow:hidden;
}
#profile_block{
	margin-top:5px;
	line-height:1.5;
	text-align:left}
.newsItem,#blog-calendar {
	margin-bottom:15px;
	text-indent:0;
	padding:10px;
	background: #FAFCFD;
	border-radius:7px;
	box-shadow:1px 1px 2px #A7A8AD;
	line-height: 1.5;
}
/****查看文章页面开始*************************/
#topics {
	min-height: 200px;
	margin-bottom: 15px;
	padding:15px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;background: #fff;border-radius: 7px;
	box-shadow: 1px 1px 2px #A7A8AD;
}
#topics .postTitle {
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	float: left;
	line-height:2em;
	width: 100%;
	padding-left: 5px;
}
.postBody {
	padding: 15px 2px 5px 5px;
	line-height: 1.5;
	color: #000;
	border-bottom: 1px solid #ccc;
}
.main-content{
	margin-left:40%;
	margin-right:0;
	margin-top:0;
	min-height:100px;
	padding:0;
}
 .page-tip{
	font:12px '微软雅黑',Times,sans-serif;
	padding:5px 0;
	color:#999999;
	line-height:20px;
}
   .page-tip i{
	color:#D8833E;
	font:bold 12px '微软雅黑',Times,sans-serif;
	font-weight:600;
	margin:0 5px;
}
.element-hidden{
	display:none;
}
.elementTextDiv{
	display:none;
}
.dragElementDiv{
	display:none;
}
.elementDragFromToDiv{
	display:none;
}
.template-hidden{
	display:none;
}
.inputElementDiv{
	padding:0 0 10px 0;
}
.pagination{
	display:inline-block;
	padding-left:0;
	margin:1px 0;
	border-radius:4px;
}
.span-hidden{
	display:none;
}
.span-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}

</style>
<body>
	<div id="home">
		<div id="header">
			<div id="navigator">
				<#include "/public/header.html"/>
			</div>
		</div>
		<div>
			<input type="hidden" id="projectid" value="${projectid}">
			<input type="hidden" id="moduleId" value="">
		</div>
		<div id="main">
			<div id="mainContent">
				<div class="forFlow">
					<div id="post_detail">
						<div id="topics">
							<div class="post">
								<h1 class="postTitle">
									<span id="backToPage" class="glyphicon glyphicon-backward span-hidden" style="padding:0 10px 0;" aria-hidden="true"></span>
									<span id="backToProject" class="glyphicon glyphicon-backward" style="padding:0 10px 0;" aria-hidden="true"></span>
									<a id="cb_post_title_url" class="postTitle2" href="#">构建项目结构图</a>
									<!-- <span id="downLoadScript" class="glyphicon glyphicon-save-file" style="float:right;padding:0 20px"  onclick="tree.index.downLoadScript();">下载脚本</span> -->
									<span id="buildScript" class="glyphicon glyphicon-print" style="float:right;padding:0 20px" ><button type="button" class="btn btn-primary" style="margin-top:-10px;" data-toggle="modal" data-target="#buildScriptModal" onclick="tree.index.initBuildScript('${projectid}');">生成脚本</button></span>
									<!-- <span id="delElement" class="glyphicon glyphicon-remove span-hidden" onclick="tree.index.initDelElement();" style="float:right;padding:0 10px;" aria-hidden="true"></span>									
									<span id="modifyElement"  onclick="tree.index.initModifyElement();" class="glyphicon glyphicon-pencil span-hidden" style="float:right;padding:0 10px;" aria-hidden="true"></span> -->
									<span id="addElement"  onclick="tree.index.initAddElement();" class="glyphicon glyphicon-plus span-hidden" data-toggle="modal" data-target="#addElementModal" style="float:right;padding:0 10px;" aria-hidden="true" title="添加元素"></span>
									<span id="insertElement"  onclick="tree.index.initInsertElement();" class="glyphicon glyphicon-log-in span-hidden" data-toggle="modal" data-target="#insertElementModal" style="float:right;padding:0 10px;" aria-hidden="true" title="插入元素"></span>
								</h1>
								<div id="chart" class="orgChart"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="sideBar">
				<div id="sideBarMain">
					<div class="newsItem">
						<div id="blog-news">
							<div id="profile_block">
								<!-- Button trigger modal -->
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModuleModal" onclick="tree.index.initAddModuleModal();" disabled id="addModule">
								 	 添加模块
								</button>
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modifyModuleModal" disabled id="modifyModule" onclick="tree.index.initModifyModuleModal();">
								 	 修改模块
								</button>
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delModuleModal" disabled id="delModule">
								 	 删除模块
								</button>
							</div>
						</div>
					</div>
					<div id="blog-calendar">
						<div class="">
				          <h2>项目列表树<input type="hidden" id="testType" value="${testType}"></h2>
				          <div id="treeview" class=""></div>
				        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="basicSuccessCustomDelay">
	</div>
    <!-- 增加删除模块div -->
    <!-- 增加模块 Modal -->
	<div class="modal fade" id="addModuleModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="addModalLabel">添加模块信息</h4>
	      </div>
	      <div class="modal-body" id="ciproject_detail" style="margin-left:70px;">
	        <!-- begin -->
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">模块名称</span>
			  <input type="text" class="form-control" id="addModuleName" placeholder="模块名称" aria-describedby="sizing-addon2">
			</div>
			<br/>
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">模块顺序</span>
			  <input type="text" class="form-control" id="addModuleOrder" placeholder="模块顺序" aria-describedby="sizing-addon2">
			</div>
			<br/>
			<#if platformType==1>
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">登录地址</span>
			  <input type="text" class="form-control" id="addModuleUrl" placeholder="登录地址" aria-describedby="sizing-addon2">
			</div>
			</#if>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <button type="button" class="btn btn-primary" id="saveModuleInfo" onclick="tree.index.insertModule();">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	 <!-- 修改根模块 Modal -->
	<div class="modal fade" id="modifyModuleModal" tabindex="-1" role="dialog" aria-labelledby="modifyModalLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="modifyModalLabel">修改模块信息</h4>
	      </div>
	      <div class="modal-body" style="margin-left:70px;">
	        <!-- begin -->
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">模块名称</span>
			  <input type="text" class="form-control" id="modifyModuleName" placeholder="模块名称" aria-describedby="sizing-addon2">
			</div>
			<br/>
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">模块顺序</span>
			  <input type="text" class="form-control" id="modifyModuleOrder" placeholder="模块顺序" aria-describedby="sizing-addon2">
			</div>
			<br>
			<#if platformType==1>
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">登录地址</span>
			  <input type="text" class="form-control" id="modifyModuleUrl" placeholder="登录地址" aria-describedby="sizing-addon2">
			</div>
			</#if>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.modifyModuleInfo();">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- 删除模块 Modal -->
	<div class="modal fade" id="delModuleModal" tabindex="-1" role="dialog" aria-labelledby="delModuleLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="delModuleLabel">删除模块信息</h4>
	      </div>
	      <div class="modal-body">
	        	确定删除模块？
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.deleteModuleById();">删除</button>
	      </div>
	    </div>
	  </div>
	</div>
	
	<!-- 修改页面名称 -->
	<div class="modal fade" id="modifyPage" tabindex="-1" role="dialog" aria-labelledby="modifyPageLabel" aria-hidden="true" >
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="modifyPageLabel">修改页面名称</h4>
	      </div>
	      <div class="modal-body" id="ciproject_detail" style="margin-left:70px;">
	        <!-- begin -->
			<div class="input-group input-group-lg">
			  <span class="input-group-addon" id="sizing-addon1">页面名称</span>
			  <input type="text" class="form-control" placeholder="页面名称" aria-describedby="sizing-addon2" id="modifyThePageName">
			   <span class="input-group-addon span-warning span-hidden" id="modifyPageNameSpan">名称不可用</span>
			</div>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.modifyPage();" id="modifyPageButton">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- 添加页面 -->
	<div class="modal fade" id="addPage" tabindex="-1" role="dialog" aria-labelledby="addPageLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="addPageLabel">添加新的页面</h4>
	      </div>
	      <div class="modal-body" style="margin-left:30px;">
	        <!-- begin -->
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">页面名称</span>
			  <input type="text" class="form-control" placeholder="页面名称" aria-describedby="sizing-addon3" id="addPageName">
			  <span class="input-group-addon span-warning span-hidden" id="addPageNameSpan">名称不可用</span>
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">复用模板</span>
			   <span class="input-group-addon span-warning" id="isUserTemplate" style="padding-left: 330px;">
			  	 <input type="radio"  value="2" name="hasTemplate" id="templateRadioId"> 是
		  		 <input type="radio"  value="0" name="hasTemplate" id="notTemplateRadioId" checked="checked"> 否
			  </span>
			</div>
			<div class="input-group input-group-lg inputElementDiv">
			  <span class="input-group-addon" id="sizing-addon3">切换页面</span>
			   <span class="input-group-addon span-warning" id="isSwitchPage" style="padding-left: 330px;">
			  	 <input type="radio"  value="A" name="switchPage" id="switchPageId"> 是
		  		 <input type="radio"  value="B" name="switchPage" id="notSwitchPageId" checked="checked"> 否
			  </span>
			</div>
			<div id="moreIFrame" class="template-hidden">
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">结束IFrame</span>
				   <span class="input-group-addon span-warning" id="overIsUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="overHasIFrame" id="overIFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="overHasIFrame" id="overNotIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">切换IFrame</span>
				   <span class="input-group-addon span-warning" id="isUserIFrame" style="padding-left: 330px;">
				  	 <input type="radio"  value="2" name="hasIFrame" id="iFrameRadioId"> 是
			  		 <input type="radio"  value="0" name="hasIFrame" id="notIFrameRadioId" checked="checked"> 否
				  </span>
				</div>
				<div id="iFrameContent" class="template-hidden">
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
					  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="iFrameElementType">
					 		<option value="">请选择元素类型</option>
			        	</select>	
					</div>
					<div class="input-group input-group-lg inputElementDiv">
					  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
					  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="iFrameElementContent">
					</div>
				</div>
			</div>
			<div id="copyTemplateDiv" class="template-hidden">
				<div class="input-group input-group-lg inputElementDiv">
					<span class="input-group-addon" id="sizing-addon3">模块名称</span>
					<input type="text" class="form-control" placeholder="模块名称" aria-describedby="sizing-addon3" id="templateModuleName">
					<!-- <span class="glyphicon glyphicon-search" aria-hidden="true" onclick="tree.index.seachTemplatePages();"></span> -->
				</div>
				<div class="input-group input-group-lg inputElementDiv">
					<span class="input-group-addon" id="sizing-addon3">页面层级</span>
					<input type="text" class="form-control" placeholder="页面层级" aria-describedby="sizing-addon3" id="templatePageDepth">
					<!-- <span class="glyphicon glyphicon-search" aria-hidden="true" onclick="tree.index.seachTemplatePages();"></span> -->
				</div>
				<!-- <div class="input-group input-group-lg inputElementDiv">
					<span class="input-group-addon" id="sizing-addon3">页面名称</span>
					<input type="text" class="form-control" placeholder="页面名称" aria-describedby="sizing-addon3" id="templatePageName">
				</div> -->
			</div>
			
			<div id="moreElementPage" class="element-hidden">
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="elementType">
				 		<option value="">请选择元素类型</option>
		        	</select>	
		        	<input type="checkbox" id="checkElementType" style="margin:0 5px;"> <span id="WebView">Macaca</span>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素文本</span>
				  <input type="text" class="form-control" placeholder="元素文本" aria-describedby="sizing-addon3" id="elementContent">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">元素位置</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="同类元素排序位置" aria-describedby="sizing-addon3" id="elementOrder">
				</div>
				<div class="input-group input-group-lg inputElementDiv ">
				  <span class="input-group-addon" id="sizing-addon3">等待时间</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="等待时间" aria-describedby="sizing-addon3" id="elementWaitTime">
				</div>
				<div class="input-group input-group-lg inputElementDiv ">
				  <span class="input-group-addon" id="sizing-addon3">操作类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="elementAction">
				 		<option value="">请选择操作类型</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="elementFocusTypeId" alt="悬停操作">
				  <span class="input-group-addon" id="sizing-addon3">悬停元素类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:300px;" id="elementFocusType">
				 		<option value="">请选择元素类型</option>
		        	</select>	
				</div>
				<div class="input-group input-group-lg inputElementDiv elementTextDiv" id="elementTextId">
				  <span class="input-group-addon" id="sizing-addon3">输入内容</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="elementText" style="width:330px;">
				  <input type="checkbox" id="repeatContentFlag" style="margin:14px 5px;">
				  <span id="repeatContent">是否允许重复</span>
				</div>
				<div class="input-group input-group-lg inputElementDiv dragElementDiv elementDragDiv" id="elementDragId">
				  <span class="input-group-addon" id="sizing-addon3">拖拽次数</span>
				  <input type="text" class="form-control" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" placeholder="拖拽次数" aria-describedby="sizing-addon3" id="elementDrag">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">前置元素</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="elementPrecious">
				 		<option value="">请选择前置元素</option>
		          </select>
				  <!-- <input type="text" class="form-control" placeholder="前置元素" aria-describedby="sizing-addon3" id="elementPrecious"> -->
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:400px;" id="elementExpectName">
				 		
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待结果内容</span>
				  <input type="text" class="form-control" placeholder="期待结果内容" aria-describedby="sizing-addon3" id="elementExpectContent">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">期待元素位置</span>
				  <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="check_number(this.value,this.id);" class="form-control" placeholder="期待元素位置" aria-describedby="sizing-addon3" id="elementExpectOrder">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">校验类型</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:430px;" id="elementExpectType">
				 		<option value="">请选择校验的类型</option>
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">校验内容</span>
				  <input type="text" class="form-control" placeholder="校验内容"   aria-describedby="sizing-addon3" id="elementExpectResult">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon3">步骤描述</span>
				  <input type="text" class="form-control" placeholder="输入内容" aria-describedby="sizing-addon3" id="elementOperateDesc">
				</div>
			</div>
	        <!-- end -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.addPageInfo();" id="addPageInfoButton">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- 删除页面 -->
	<div class="modal fade" id="deletePage" tabindex="-1" role="dialog" aria-labelledby="deletePageLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="deletePageLabel">删除页面信息</h4>
	      </div>
	      <div class="modal-body">
	        	确定删除页面？
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.deletePageById();">删除</button>
	      </div>
	    </div>
	  </div>
	</div>
	
	<!-- 生成脚本选择需要生成的模块 -->
	<div class="modal fade" id="buildScriptModal" tabindex="-1" role="dialog" aria-labelledby="buildScriptLabel" aria-hidden="true" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="buildScriptLabel">选择脚本模块</h4>
	      </div>
	      <div class="modal-body">
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon2">脚本模块</span>
				  <select class="selectpicker" data-style="btn-info" style="height:40px;width:400px;" id="buildScriptModel">
				 		
		          </select>
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon2">脚本名称</span>
				  <input type="text" class="form-control" placeholder="脚本名称" aria-describedby="sizing-addon3" id="scriptName">
				</div>
				<div class="input-group input-group-lg inputElementDiv">
				  <span class="input-group-addon" id="sizing-addon2">脚本版本</span>
				  <input type="text" class="form-control" placeholder="脚本版本" aria-describedby="sizing-addon3" id="scriptVersion">
				</div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	        <button type="button" class="btn btn-primary" onclick="tree.index.buildScript();">确定</button>
	      </div>
	    </div>
	  </div>
	</div>
     <!-- 拖动之后添加页面元素跳转信息 -->
	<div class="span12" id="addPageElement" style="display:none;">
         	<p class="notice span9">输入页面信息</p>
         		<div class="inputBox" >
         			<label for="classtype">元素类型:</label>
         			<select id="type" name="classtype" style="width:150px;margin-left:10px;">
     				</select>
     				<input type="checkbox" value="" name="dragWebView" />WebView
         		</div>
         		<div class="inputBox">
         			<label> 元素文本:</label>
         			<input	type="text" name="text" id="elementText" />
         		</div>
         		<div class="inputBox">
         			<label for="elementindex">同类元素排序位置:</label>
         			<input type="text" name="elementindex" id="index"  />
         		</div>
         		<div class="inputBox">
         			<label for="content"> 操作:</label>
         			<select id="operational" name="content" style="width:150px;margin-left:10px;"></select>
         		</div>
         		<div class="inputBox" id="o_TB">
         			<label for="oper_text"> 输入内容:</label>
         			<input id="oper_text" name="operText" ></input>
         		</div>
         		<div class="inputBox" id="t_count">
			<label for="count"> 次数:</label>
			<input id="o_count" name="count" onchange="value=value.replace(/[^\d]/g,'') " onblur="check_number(this.value,this.id);"  onafterpaste="value=value.replace(/[^\d]/g,'')"></input>
		</div>
     		<div class="submitBox">
     			<input type="button" id="addElement" value="确定" class="ok fastbuild-btn"></input>
     		</div>
      </div>
    <div style="text-align:center;">
		<#include "/public/footer.html"/>
	</div>
</body>
</html>